<template>
  <div class="channelitem">
    <h3>
      {{title}}
      <span>{{stitle}}</span>
    </h3>
    <img :src="limg" alt />
    <img :src="rimg" alt />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    },
    stitle: {
      type: String,
      required: true
    },
    limg: {
      type: String,
      required: true
    },
    rimg: {
      type: String,
      required: true
    }
  }
};
</script>

<style lang="scss">
.channelitem {
  padding: 10px 20px;
  background: #fff;
  h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 9px;
    span {
      color: #aaa;
      font-size: 13px;
      font-weight: normal;
    }
  }
  img {
    width: 46%;
  }
}
</style>